sap.ui.define([ "harry/app/util/EChart" ], function(EChart) {
	"use strict";
	var ChartArea = EChart.extend("harry.app.util.EChartArea", {

		/**
		 * @memberOf harry.app.control.EChartArea
		 */
		_seriesData : null,
		_legends : [],
		init : function() {
			EChart.prototype.init.call(this);
			this.setType("pie");
		},

		_binding : function() {
			var aData = this.getBinding("data").getCurrentContexts().map(function(oContext) {
				var name = oContext.sPath.substr(oContext.sPath.lastIndexOf("/") + 1);
				if ("series" == name) {
					this._legends = oContext.getObject();
				} else if ("seriesData" == name) {
					this._seriesData = oContext.getObject();
				}
			}.bind(this));
		},
		/**
		 * 
		 * 
		 */
		_option : function(dom) {
			this._myChart.showLoading();
			
			this._binding();
			
			// 指定图表的配置项和数据
			var option = {
					backgroundColor : {
						type : 'pattern',
						image : this._waterMark,
						repeat : 'repeat'
					},
					tooltip: {
				        trigger: 'axis',
				        position: function (pt) {
				            return [pt[0], '10%'];
				        }
				    },
				    title: {
				        left: 'center',
				        text : this.getTitle(),
				        subtext : this.getSubtitle()
				    },
				    toolbox: {
				        feature: {
				            dataZoom: {
				                yAxisIndex: 'none'
				            },
				            restore: {},
				            saveAsImage: {}
				        }
				    },
				    xAxis: {
				        type: 'category',
				        boundaryGap: false,
				        data: this._legends
				    },
				    yAxis: {
				        type: 'value',
				        boundaryGap: [0, '100%']
				    },
				    dataZoom: [{
				        type: 'inside',
				        start: 0,
				        end: 10
				    }, {
				        start: 0,
				        end: 10,
				        handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
				        handleSize: '80%',
				        handleStyle: {
				            color: '#fff',
				            shadowBlur: 3,
				            shadowColor: 'rgba(0, 0, 0, 0.6)',
				            shadowOffsetX: 2,
				            shadowOffsetY: 2
				        }
				    }],
				    series: [
				        {
				            name:this.getTitle(),
				            type:'line',
				            smooth:true,
				            symbol: 'none',
				            sampling: 'average',
				            itemStyle: {
				                normal: {
				                    color: 'rgb(255, 70, 131)'
				                }
				            },
				            areaStyle: {
				                normal: {
				                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
				                        offset: 0,
				                        color: 'rgb(255, 158, 68)'
				                    }, {
				                        offset: 1,
				                        color: 'rgb(255, 70, 131)'
				                    }])
				                }
				            },
				            data: this._seriesData
				        }
				    ]
			};
			this._myChart.hideLoading();
			// 使用刚指定的配置项和数据显示图表。
			this._myChart.setOption(option);
		},

		renderer : function() {
			EChart.prototype.getRenderer().render.apply(this, arguments);
		}

	})
	return ChartArea;
});